<%--
  Created by IntelliJ IDEA.
  User: huash
  Date: 2022/5/15
  Time: 11:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% pageContext.setAttribute("path",request.getContextPath()); %>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>酒店管理系统</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="${path}/plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Tempusdominus Bootstrap 4 -->
  <link rel="stylesheet" href="${path}/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="${path}/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="${path}/plugins/jqvmap/jqvmap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="${path}/dist/css/adminlte.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="${path}/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="${path}/plugins/daterangepicker/daterangepicker.css">
  <!-- summernote -->
  <link rel="stylesheet" href="${path}/plugins/summernote/summernote-bs4.min.css">
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
  <!-- Preloader -->
  <div
          class="preloader flex-column justify-content-center align-items-center"
  >
    <img
            class="animation__shake"
            src="../dist/img/AdminLTELogo.png"
            alt="AdminLTELogo"
            height="60"
            width="60"
    />
  </div>

  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"
        ><i class="fas fa-bars"></i
        ></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="index3.html" class="nav-link">Home</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li>
    </ul>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Navbar Search -->
      <li class="nav-item">
        <a
                class="nav-link"
                data-widget="navbar-search"
                href="#"
                role="button"
        >
          <i class="fas fa-search"></i>
        </a>
        <div class="navbar-search-block">
          <form class="form-inline">
            <div class="input-group input-group-sm">
              <input
                      class="form-control form-control-navbar"
                      type="search"
                      placeholder="Search"
                      aria-label="Search"
              />
              <div class="input-group-append">
                <button class="btn btn-navbar" type="submit">
                  <i class="fas fa-search"></i>
                </button>
                <button
                        class="btn btn-navbar"
                        type="button"
                        data-widget="navbar-search"
                >
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>
          </form>
        </div>
      </li>

      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img
                      src="../dist/img/user1-128x128.jpg"
                      alt="User Avatar"
                      class="img-size-50 mr-3 img-circle"
              />
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"
                  ><i class="fas fa-star"></i
                  ></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted">
                  <i class="far fa-clock mr-1"></i> 4 Hours Ago
                </p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img
                      src="../dist/img/user8-128x128.jpg"
                      alt="User Avatar"
                      class="img-size-50 img-circle mr-3"
              />
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"
                  ><i class="fas fa-star"></i
                  ></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted">
                  <i class="far fa-clock mr-1"></i> 4 Hours Ago
                </p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img
                      src="../dist/img/user3-128x128.jpg"
                      alt="User Avatar"
                      class="img-size-50 img-circle mr-3"
              />
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"
                  ><i class="fas fa-star"></i
                  ></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted">
                  <i class="far fa-clock mr-1"></i> 4 Hours Ago
                </p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer"
          >See All Messages</a
          >
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
              <span class="dropdown-item dropdown-header"
              >15 Notifications</span
              >
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-envelope mr-2"></i> 4 new messages
            <span class="float-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-users mr-2"></i> 8 friend requests
            <span class="float-right text-muted text-sm">12 hours</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-file mr-2"></i> 3 new reports
            <span class="float-right text-muted text-sm">2 days</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer"
          >See All Notifications</a
          >
        </div>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="#" class="brand-link">
      <img
              src="${path}/dist/img/AdminLTELogo.png"
              alt="AdminLTE Logo"
              class="brand-image img-circle elevation-3"
              style="opacity: 0.8"
      />
      <span class="brand-text font-weight-light">酒店管理系统</span>
    </a>

    <!-- SidebarSearch Form -->
    <div class="form-inline">
      <div class="input-group" data-widget="sidebar-search">
        <input
                class="form-control form-control-sidebar"
                type="search"
                placeholder="Search"
                aria-label="Search"
        />
        <div class="input-group-append">
          <button class="btn btn-sidebar">
            <i class="fas fa-search fa-fw"></i>
          </button>
        </div>
      </div>
    </div>

    <!-- Sidebar Menu -->
    <nav class="mt-2">
      <ul
              class="nav nav-pills nav-sidebar flex-column"
              data-widget="treeview"
              role="menu"
              data-accordion="false"
      >
        <!-- Add icons to the links using the .nav-icon class
         with font-awesome or any other icon font library -->
        <li class="nav-header">管理员系统</li>
        <li class="nav-item">
          <a href="queryHotel_lfs.jsp" class="nav-link">
            <i class="nav-icon fas fa-tachometer-alt"></i>
            <p>
              查询酒店
            </p>
          </a>
        </li>

        <li class="nav-item">
          <a href="addHotel_lfs.jsp" class="nav-link">
            <i class="nav-icon fas fa-th"></i>
            <p>
              添加酒店
            </p>
          </a>
        </li>
        <li class="nav-item">
          <a href="deleteHotel_lfs.jsp" class="nav-link">
            <i class="nav-icon fas fa-copy"></i>
            <p>
              删除酒店
            </p>
          </a>
        </li>
        <li class="nav-item">
          <a href="modifyHotel_lfs.jsp" class="nav-link  active">
            <i class="nav-icon fas fa-chart-pie"></i>
            <p>
              修改酒店
            </p>
          </a>
        </li>
        <li class="nav-item">
          <a href="queryBook_lfs.jsp" class="nav-link">
            <i class="nav-icon fas fa-chart-pie"></i>
            <p>
              预定信息
            </p>
          </a>
        </li>
      </ul>
    </nav>
    <!-- /.sidebar-menu -->
<!-- /.sidebar -->
</aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>修改酒店</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">主页</a></li>
              <li class="breadcrumb-item active">修改酒店</li>
            </ol>
          </div>
        </div>
      </div>
      <!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="offset-3 col-md-6">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">修改酒店</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form>
                <div class="card-body">
                  <div class="form-group">
                    <label for="exampleInputEmail1">酒店ID:</label>
                    <input
                            type="text"
                            class="form-control"
                            id="id"
                            placeholder="酒店ID"
                    />
                  </div>
                  <div class="form-group">
                    <label for="exampleInputPassword1">酒店名称:</label>
                    <input
                            type="text"
                            class="form-control"
                            id="name"
                            placeholder="酒店名称"
                    />
                  </div>
                  <div class="form-group">
                    <label for="exampleInputPassword1">所在城市:</label>
                    <input
                            type="text"
                            class="form-control"
                            id="city"
                            placeholder="所在城市"
                    />
                  </div>                      <div class="form-group">
                  <label for="exampleInputPassword1">入住状态:</label>
                  <input
                          type="text"
                          class="form-control"
                          id="checkInStatus"
                          placeholder="入住状态"
                  />
                </div>                      <div class="form-group">
                  <label for="exampleInputPassword1">详细地址:</label>
                  <input
                          type="text"
                          class="form-control"
                          id="address"
                          placeholder="详细地址"
                  />
                </div>                      <div class="form-group">
                  <label for="exampleInputPassword1">酒店介绍:</label>
                  <input
                          type="text"
                          class="form-control"
                          id="introduce"
                          placeholder="酒店介绍"
                  />
                </div>                      <div class="form-group">
                  <label for="exampleInputPassword1">联系方式:</label>
                  <input
                          type="text"
                          class="form-control"
                          id="contact"
                          placeholder="联系方式"
                  />
                </div>
                </div>
                <!-- /.card-body -->
              </form>
              <div class="card-footer">
                <button  class="btn btn-primary" id="modify">
                  提交
                </button>
              </div>
            </div>
            <!-- /.card -->

          </div>
          <!--/.col (left) -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
<footer class="main-footer">
  <strong
  >Copyright &copy; 2022-2022
    <a href="https://adminlte.io">Douzi.wiki</a>.</strong
  >
  版权所有
  <div class="float-right d-none d-sm-inline-block">
    <b>Version</b> 0.0.1
  </div>
</footer>

<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
  <!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="${path}/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="${path}/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="${path}/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="${path}/plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="${path}/plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="${path}/plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="${path}/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="${path}/plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="${path}/plugins/moment/moment.min.js"></script>
<script src="${path}/plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="${path}/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="${path}/plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="${path}/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="${path}/dist/js/adminlte.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="${path}/dist/js/pages/dashboard.js"></script>
<script>
  var storage = window.localStorage;
  var id = storage.getItem("id");
  $.ajax({
    url: "${pageContext.request.contextPath}/api/queryHotelServlet",
    type: "get",
    dataType: "json",
    contentType: "application/json",
    data:{
      id: id
    },
    success: function (res) {
      console.log(res.msg)
      if (res.msg === "success"){
        $("#id").val(res.data.id);
        $("#name").val(res.data.name);
        $("#city").val(res.data.city);
        $("#checkInStatus").val(res.data.checkInStatus);
        $("#address").val(res.data.address);
        $("#introduce").val(res.data.introduce);
        $("#contact").val(res.data.contact);
      }
    },
    error: function (res) {},
  });

  $('#modify').on("click",function (){
    $.ajax({
      url: "${pageContext.request.contextPath}/api/modifyHotelServlet",
      type: "get",
      dataType: "json",
      contentType: "application/json",
      data:{
        id: $("#id").val(),
        name: $("#name").val(),
        city: $("#city").val(),
        checkInStatus: $("#checkInStatus").val(),
        checkInTime: $("#checkInTime").val(),
        checkOutTime: $("#checkOutTime").val(),
        address: $("#address").val(),
        introduce: $("#introduce").val(),
        contact: $("#contact").val()
      },
      success: function (res) {
        console.log(res.msg)
        if (res.msg === "success"){
          alert("修改成功");
          window.location.href = "queryHotel_lfs.jsp";
        }
      },
      error: function (res) {},
    });
  });
</script>
</body>
</html>
